<template>
    <div class="helper-list">
        <ul class="list">
            <li class="item" v-for="item in $store.state.search.helperList" :key="item.id" @click="showGoodsList(item.name)">
                {{item.name}}
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        methods: {
            showGoodsList(keyword){
                this.$store.commit("search/getInput", keyword);
                this.$store.commit('search/changeShow','goods')
            }
        },
    }
</script>

<style lang="scss" scoped>
.helper-list{
     background-color: #fff;
     min-height: 85vh;
    .list{
        width: 100%;
        height: 100%;
        .item{
            box-sizing: border-box;
            padding: 10px 20px;
            width: 100%;
        }
    }
}
</style>